<template>
	<div>
		<div>
			<!-- 是对router-link的封装 -->
			<nuxt-link to="/">
				<button>home</button>
			</nuxt-link>

			<nuxt-link
				:to="{
					path: '/category',
					query: {
						id: 100,
					},
				}"
			>
				<button>category</button>
			</nuxt-link>

			<!-- 会自动添加rel="noopener noreferrer" -->
			<nuxt-link to="https://www.jd.com" target="_blank">
				<button>jd.com</button>
			</nuxt-link>

			<!-- a 标签会自动刷新 -->
			<a href="/more">
				<button>more</button>
			</a>

			<nuxt-link href="/cart" active-class="active-ll" replace>
				<button>cart href</button>
			</nuxt-link>

			<nuxt-link to="/cart">
				<button>cart</button>
			</nuxt-link>

			<nuxt-link to="/profile">
				<button>profile</button>
			</nuxt-link>
		</div>

		<NuxtPage></NuxtPage>
	</div>
</template>
